<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet"><!--公用css-->
    <link rel="stylesheet" href="css/common.css?v=1.0"/>
    <link rel="stylesheet" href="css/my_date.css?v=4.0">
    <title>我的约会</title>
    <script src="js/jQuery_v3.1.1.js"></script>
    <script src="js/bootstrap/bootstrap.js"></script>
</head>
<body>
<div class="i-box">
    <!--顶部start-->
    <div class="i-date-top">
        <div class="i-date-top-back" >
            <a href="index.html"><img src="img/left_white_arrow.png"></a>
        </div>
        <div class="i-date-top-font">
            我的约会
        </div>
    </div>
    <!--顶部end-->

    <!--导航-->
    <div class="my-date-navigation">
        <div id="all" class="my-date-navigation-all select">
            <span >全部</span>
        </div>
        <div id="noConfirm"  class="my-date-navigation-all">
            <span >未确定</span>
        </div>
        <div id="Confirm" class="my-date-navigation-all">
            <span >已确定</span>
        </div>
        <div id="expried" class="my-date-navigation-all">
            <span>已过期</span>
        </div>
        <div id="cancel" class="my-date-navigation-all">
            <span >已取消</span>
        </div>
    </div>
    <!--导航end-->

    <!--内容start-->
    <div class="my-date-title">
        <div class="my-date-title-content">
            <div class="my-date-title-content-left">
                <span>测试</span>
            </div>
            <div class="my-date-title-content-right">
                <a href="#">
                    <span>约会已确定</span>
                    <img src="img/my_date_right.png">
                </a>
            </div>
        </div>

        <div class="my-date-title-content">
            <div class="my-date-title-content-time-left">
                <img src="img/my_date_time_icon.png">
            </div>
            <div class="my-date-title-content-time-center">
                17-02-23 14:23~17-02-23 14:50
            </div>&nbsp;<!--间隙-->
            <div class="my-date-title-content-time-right">
                周嘉桦 发起
            </div>&nbsp;&nbsp;
        </div>

        <div class="my-date-title-location">
            <img src="img/address_icon.png" >
            <span>公司</span>
        </div>
    </div>
    <!--内容end-->
</div>

</body>
<script src="js/my_date.js"></script>
</html>